﻿@charset "utf-8"; 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
   outline: none;
}
html { height: 100%; } 
body { height: 100%; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; -webkit-text-size-adjust: none; background-color:#e84144;}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
 
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 
 
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input, textarea, select,button { -webkit-border-radius:0;-webkit-appearance:none; outline: none; }
 
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
 
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.left{ float:left;}

.clr{clear:both;}
.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }

#mcover{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000; padding-top:15%;}
/*#mcover img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px;z-index:20001;}*/


/*定义输入框文字颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:   #985a08;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:   #985a08;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:   #985a08;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:   #985a08;
}




.button_01{font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;font-size: 14px;padding:5px;color:#a22d04;background-image: linear-gradient(to top, #ffa200, #ffd33c);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffd33c), color-stop(99%,#ffa200));border:1px solid #ffb73b;box-shadow: 0px 0px 5px #aa2022;text-align: center;border-radius:5px;width: 100%;cursor: pointer;}
.button_01:hover{background-image: linear-gradient(to top, #ffd33c, #ffa200); }
.button_02{font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;font-size: 14px;padding:5px;color:#676767;background-image: linear-gradient(to top, #f2f2f2, #dedede);
border:1px solid #cecece;box-shadow: 0px 0px 5px #aa2022;text-align: center;border-radius:5px;width:100%;cursor: pointer;}
.button_02:hover{background-image: linear-gradient(to top, #dedede, #f2f2f2);}

.container{ width:100%; position:relative; }
.container .img{ width:100%; z-index:0; }
.NO{position:absolute; left:17%; right:19%;z-index:1; margin-top:32%; width:63%;}
.NO ul li{ width:30%; float:left; height:30%; margin-left:3%; margin-top:3%; position:relative; }
/*.NO ul li .hover{ background:url(../img/no_hover.png) no-repeat; width:100%; height:100%; position:absolute;background-size: 100%;}*/
.NO ul li .active{ background:url(../img/no_hover.png) no-repeat; width:100%; height:100%; position:absolute;background-size: 100%;}
.content{background: #c42b2b;
background:linear-gradient(to bottom, rgba(196,43,43,0.7) 0%,rgba(196,43,43,0.93) 1%,rgba(232,65,68,0) 15%,rgba(232,65,68,0) 84%,rgba(232,65,68,0.06) 85%,rgba(196,43,43,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,43,43,1)), color-stop(1%,rgba(196,43,43,0.8)), color-stop(15%,rgba(232,65,68,0)), color-stop(84%,rgba(232,65,68,0)), color-stop(85%,rgba(232,65,68,0.06)), color-stop(100%,rgba(196,43,43,0.8))); padding:4% 0;}

.content .title{ width:45%; text-align:center;}
.content .text{ color:#fff6a7; padding:10px; font-size:15px;}
.content .prize{padding:10px 15px 10px 3px;}
.content .prize ul li{ float:left; background-color:#ce2729; border-radius:10px; width:27%; padding:2%; text-align:center; margin:0 0 2% 2%; }
.content .prize ul li img{ margin-bottom:10px;border-radius:10px;}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.5rem;}
.content .list ul li{ background-color:#ce2729; border-radius:10px; margin:2% 0;padding:2%; text-align:center;}
.content .list ul li .time{ float:left; width:20%;overflow:hidden;padding-top:3px; font-size:12px;}
.content .list ul li .phone{float:left; width:15%;padding-top:3px;font-size:12px;}
.content .list ul li .award{float:left; width:20%;padding-top:3px;font-size:12px;}
.content .list ul li .name{float:left; width:20%;padding-top:3px;font-size:12px;}
.content .list ul li .button{float:left;width:25%;padding-top:3px;font-size:12px;}
.content .list ul li .phone01{float:left; width:35%;padding-top:3px;font-size:12px;}

.line{ width:100%; margin-bottom:30px;}
.copyright{ color:#f9dc97; font-size:14px; text-align:center;margin:20px 0 100px;margin-bottom: 49px;}


.promptbox{ width:70%; background:url(../img/box_bg.jpg) repeat; border-radius:10px; padding:2%; margin:auto; position: fixed; z-index:20001;right:12%;top: 20%;}
.promptbox .box{border-radius:8px; background-color:#9b5902; border:1px #ffc258 solid;}
.promptbox .box h1{ color:#ffe7bd; text-align:center;padding:3% 0;}
.promptbox .box .line{ width:100%;}
.promptbox .box .user{ margin:15px 0; padding:0 5%; }
.promptbox .box .user .input{position:relative;}
.promptbox .box .user .input input{ box-sizing: border-box;height:34px;padding: 12px 0 12px 34px;background: #643a02 url(../img/user.png) no-repeat 4px center; border:0; color:#ffe7bd; border-radius:8px; width:100%; margin:5px auto;font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; font-size:14px; border:1px #bc7415 solid;}

.promptbox .box .user .id input{ background:#643a02 url(../img/phone.png) no-repeat 4px center;}
.promptbox .box .but{ width:40%; float:left;}

.promptbox .box .but_con{margin:10px auto 0 auto; width:70%}

.promptbox .box .user .input_01 input{ text-indent:10px; width:100%;}
.promptbox .box .user .text{ color:#ffe7bd;margin-left:80px; text-align:center;}
.pop{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:1000; padding-top:15%;}
.content .prize ul li .jiangpin{
position: relative;
}
.content .prize ul li .jiangpin span {
position:absolute;
width:100%; text-align:center;
bottom:9px;left:0; font-size:12px;
border-radius:0 0 10px 10px;
background-color: rgba(196, 43, 43, 0.57);
color:#fff;
padding:5px 0;
}

body { margin-bottom:60px !important; }
a, button, input { -webkit-tap-highlight-color:rgba(255, 0, 0, 0); }
ul, li { list-style:none; margin:0; padding:0 }
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset; }
.top_bar .top_menu>li { -webkit-box-flex:1; position:relative; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a { height:48px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.top_bar .top_menu>li.home { max-width:70px }
.top_bar .top_menu>li.home a { height: 66px; width: 66px; margin: auto; border-radius: 60px; position: relative; top: -22px; left: 2px; background: url('../content/jiugongge/img/home.png') no-repeat center center; background-size: 100% 100%; }
.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }
.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { text-align:left; position:absolute; right:10px; z-index:500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); border-radius: 5px; width: 120px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.menu_font.hidden { display:none; }
.menu_font { top:inherit !important; bottom:60px; }
.menu_font li a { height:40px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; overflow:hidden; }
.menu_font:after { top: inherit!important; bottom: -6px; border-color: #48403c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left: 80%; }
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; margin: 0; }
#menu_list0 { right:0; left:10px; }
#menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#333; }
.menu_font li a:hover, .menu_font li a:active { background-color:#333; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
#cate18 .device {bottom: 49px;}
#cate18 #indicator {bottom: 240px;}
#cate19 .device {bottom: 49px;}
#cate19 #indicator {bottom: 330px;}
#cate19 .pagination {bottom: 60px;}







@media screen and (min-width:320px) {
	body, html {
	 font-size: 12px;
	}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.6rem;}	
}

@media screen and (min-width:360px) {
	body, html {
	 font-size: 14px;
	}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.6rem;}
}
@media screen and (min-width:400px) {
	body, html {
	 font-size: 16px;
	}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.6rem;}
}
@media screen and (min-width:460px) {
	body, html {
	 font-size: 16px;
	}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.6rem;}
}

@media screen and (min-width:500px) {
	body, html {
	 font-size:20px;
	}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.6rem;}
}
@media screen and (min-width:540px) {
	body, html {
	 font-size:20px;
	}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.6rem;}
}
@media screen and (min-width:600px) {
	body, html {
	 font-size:22px;
	}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.6rem;}
}
@media screen and (min-width:640px) {
	body, html {
	 font-size:22px;
	}
.content .prize ul li p{ color:#fbf7d6; overflow:hidden;white-space:nowrap;font-size:0.6rem;}
}